/**
 * @class Less.mixins
 * @extends Less
 */

/**
*@method .tab-focus()
*/
.tab-focus() {
  outline: solid 1px @globalFocusColor;
}


/**
* IE7 likes to collapse whitespace on either side of the inline-block elements.
* Ems because we're attempting to match the width of a space character. Left
* version is for form buttons, which typically come after other elements, and
* right version is for icons, which come before. Applying both is ok, but it will
* mean that space between those elements will be .6em (~2 space characters) in IE7,
* instead of the 1 space in other browsers.
*@method .ie7-restore-left-whitespace()
*/
.ie7-restore-left-whitespace() {
  *margin-left: .3em;

  &:first-child {
    *margin-left: 0;
  }
}
/**
*@method .ie7-restore-right-whitespace()
*/
.ie7-restore-right-whitespace() {
  *margin-right: .3em;

  &:last-child {
    *margin-left: 0;
  }
}

/**
* Sizing shortcuts
*@method .size(height: 5px, width: 5px) 
*/
.size(@height: 5px, @width: 5px) {
  width: @width;
  height: @height;
}
/**
* Sizing shortcuts
*@method .square(size: 5px)
*/
.square(@size: 5px) {
  .size(@size, @size);
}


/**
*Placeholder text
*@method 
*/
.placeholder(@color: @placeholderTextColor) {
  :-moz-placeholder {
    color: @color;
  }
  ::-webkit-input-placeholder {
    color: @color;
  }
} 

/**
*@method .gradientBar(primaryColor, secondaryColor)
*/
.gradientBar(@primaryColor, @secondaryColor) {
  #gradient > .vertical(@primaryColor, @secondaryColor);
}

